<!--
    个人信息
    梁
    2019年5月6日
    -->
<template lang="pug">
  kalix-master
    h1 个人基本信息
    div.content
      div.head
        img(src="/static/center/头像_u4202.png")
        div 上传头像
    div.centerBox
      ul
        li
          span.centerP 账号 :
          el-input( placeholder="请输入昵称")
          span.centerX 修改
        li
          span.centerP 密码 :
          el-input(text="email" placeholder="请输入6-8位密码" )
          span.centerX 修改
        li
          span.centerP 手机号 :
          el-input(placeholder="请输入11位手机号")
          span.centerX 更换手机号
        li
          span.centerP 邮箱 :
          el-input( text="email" placeholder="请输入邮箱")
          span.centerX 绑定
        li
          span.centerP 微信 :
          el-input( placeholder="请输入微信号")
          span.centerX 绑定
        li
          span.centerP QQ :
          el-input( placeholder="请输入QQ号")
          span.centerX 绑定
        li
          span.centerP 姓名 :
          el-input( placeholder="请输入真实姓名")
        li
          span.centerP 性别 :
          el-input( placeholder="请输入性别")
        li
          span.centerP 学院 :
          el-input( placeholder="请输入学院")
        li
          span.centerP 专业 :
          el-input( placeholder="请输入专业")
        li
          span.centerP 年级 :
          el-input( placeholder="请输入年级")
        li
          span.centerP 班级 :
          el-input( placeholder="请输入班级")
        li
          span.centerP 出生年月 :
          el-input( placeholder="请输入年月日")
        li
          span.centerP 学号/工号 :
          el-input(v-model="ddd" placeholder="请输入学号/工号")
        li
          span.centerP 职务 :
          el-input( placeholder="请输入职务")
        li
          span.centerP 职称 :
          el-input( placeholder="请输入职称")
        li.profile
          span.centerP 个人简介 :
          textarea.textInput( wrap="hard" style="resize:none" maxlength="300")
      span.baocun 保存
</template>

<script type="text/ecmascript-6">
  export default {
    name: 'PersonalDetails',
    data() {
      return {
        ddd: ''
      }
    },
    mounted() {
    }
  }
</script>

<style scoped lang="stylus" rel="stylesheet/stylus">
  .clearfix::after
    content ""
    clear both
    display block
    overflow hidden
    font-size 0
    height 0
  .box
    width 1200px
    margin 5px auto
  h1
    font-size 20px
    color #FF9933

  .content
    width 600px
    margin 38px auto

  .head
    width 120px
    height 140px
    margin-left 200px
    text-align center
    div
      width 120px
      height 30px
      line-height 30px
      border-radius 15px
      background-color #FF9933
      text-align center
      color #fff
      margin-top 8px
      cursor pointer

  .centerBox
    width 550px
    height 90%
    margin 0 auto
    li
      margin 15px 0
      width 510px
      height 35px
      line-height 32px
      position relative

  .centerP
    display inline-block
    width 90px
    margin-right 20px
    text-align right
    font-size 15px
    color #525252

  .centerX
    font-size 14px
    color green
    margin-left 22px
    cursor pointer

  .centerBox .profile
    width 500px
    height 122px

  .textInput
    width 300px
    height 170px
    box-sizing border-box

  .el-input
    width 300px
    height 35px

  .baocun
    display block
    width 80px
    height 34px
    text-align center
    line-height 34px
    color #fff
    background-color #FF9933
    border-radius 5px
    cursor pointer
    margin-left 200px
    font-weight 700
    margin-top 104px

  .boxRight
    width 926px
    height 1471px
    border 1px solid #ccc
    border-radius 5px
    float right
    padding 20px 20px 0 24px
    box-sizing border-box

  .boxLeftBottom
    width 247px
    height 1140px
    .personage
      display block
      width 247px
      height 60px
      line-height 60px
      text-align center
      border 1px solid #ccc
      background-color #F2F2F2
      cursor pointer
      position relative
      -o-user-select none /*文字禁止被选中*/
      -moz-user-select none /*火狐 firefox*/
      -webkit-user-select none /*webkit浏览器*/
      -ms-user-select none /*IE10+*/
      -khtml-user-select none /*早期的浏览器*/
      user-select none
      .icon
        position absolute
        width 20px
        height 20px
        top 1px
        left 56px
        font-size 22px
        color #333333
    .listBorder
      border none
      border-left 4px solid #FF9933
      background-color #fff
      span
        color #FF9933!important
    .text
      color #666666
      font-size 18px

</style>
